<template>
    <!--vue的原理是 双向数据绑定 需要用v-model来实现绑定-->
    <span>年龄：</span>
    <input type="text" v-model.number="age">--{{ age }}<br>
    <span>人生格言：</span>
    <input type="text" v-model.trim="mstr">== {{ mstr }}
</template>
<script setup>
import {ref} from 'vue'
const age=ref(17)
const mstr=ref('')
</script>